.listView {
    width: 100%;
    height: 100%;
    background: none;
}

.layoutClassName {
    background: none;
}

.messageWrapper {
    width: 100%;
    height: 100%;
    padding: 20rpx 30rpx;
}

.messageTipWrapper {
    height: auto;
    background: #FFF9DE;
    box-shadow: 0 2rpx 4rpx 0 #DC860A, inset 0 0 8px 0 #FFEA8A;
    border-radius: 8px 8px 0 0;
    padding: 24rpx;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.messageTipNo {
    width: 100%;
    height: 1200rpx;
    padding-top: 750rpx;
    box-sizing: border-box;
    background: url(../../../image/47.png) no-repeat center;
    background-size: 200rpx;
    text-align: center;
    color: #DC860A;
}

.messageItem {
    display: flex;
    padding: 38rpx 30rpx;
    background: #FFF9DE;
    box-shadow: 0 1px 2px 0 #DC860A,
    inset 0 0 8px 0 #FFEA8A;
    border-radius: 8rpx;
    margin-bottom: 40rpx;
}
.messageItemPortrait {
    width: 114rpx;
    flex-shrink: 0;
}
.portrait {
    width: 80rpx;
    height: 80rpx;
    background-image: url('https://pic.app-remix.com/1825e044980d49a.png');
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    overflow: hidden;
}
.messageItemContent {
    flex: 1;
}
.messageFrom {
    font-size: 30rpx;
    color: #FF5932;
}
.messageContent {
    font-size: 28rpx;
    color: #1A1A1A;
    line-height: 40rpx;
    margin-top: 4rpx;
}
.messageTime {
    font-size: 24rpx;
    color: #BFB381;
    margin-top: 4rpx;
}

.messageItemArrowHide {
    width: 50rpx;
    flex-shrink: 0;
}

.messageItemArrow {
    composes: messageItemArrowHide;
    background-image: url('../../../image/31.png');
    background-repeat: no-repeat;
    background-size: 19rpx 29rpx;
    background-position: right center;
}
